<?php /*a:2:{s:59:"D:\phpstudy_pro\WWW\oldi-erp\app\admin\view\index\home.html";i:1748225003;s:62:"D:\phpstudy_pro\WWW\oldi-erp\app\admin\view\public\header.html";i:1748225003;}*/ ?>
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>ERP</title>

    <link rel="stylesheet" href="/static/css/element-ui@2.15.14.css">
    <script src="/static/js/vue.js"></script>
    <script src="/static/js/element-ui@2.15.14.js"></script>
    <script src="/static/js/axios.js"></script>
    <script src="/static/js/qs.js"></script>
    <script src="/static/js/config.js"></script>
    <script src="/static/js/echart.js"></script>



   

    <el-card>
        <el-form :inline="true" :model="searchForm" size="mini"  ref="refsearchForm">

            <el-form-item prop="review_user_id" label="审版人员">
                <el-select v-model="searchForm.review_user_id" filterable clearable >
                    <el-option v-for="(item,index) in users" :key="index" :label="item" :value="index">
                    </el-option>
                </el-select>
            </el-form-item>
            <el-form-item label="审版日期">
                <el-date-picker v-model="searchForm.create_date" type="daterange" align="right" unlink-panels value-format="yyyy-MM-dd" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期" :picker-options="pickerOptions">
                </el-date-picker>
            </el-form-item>


            <el-form-item>
                <el-button type="primary" @click="getSearch" v-cloak>查询</el-button>

            </el-form-item>
        </el-form>

        <el-table :data="tablelist" ref="datalistref"   max-height="650" stripe border size="small" :row-key="(row)=>row.key" @selection-change="handleSelectionChange">
            <el-table-column type="selection" reserve-selection>
            </el-table-column>
            <el-table-column prop="review_user_name" label="审版员" align='center' >
            </el-table-column>
            <el-table-column prop="all" label="审版款数" align='center' ></el-table-column>
            <el-table-column prop="all_A" label="A版款数" align='center' ></el-table-column>
            <el-table-column prop="all_A_perc" label="A版占比" align='center' ></el-table-column>
            <el-table-column prop="all_B" label="B版款数" align='center' ></el-table-column>
            <el-table-column prop="all_B_perc" label="B版占比" align='center' ></el-table-column>
            <el-table-column prop="all_C" label="C版款数" align='center' ></el-table-column>
            <el-table-column prop="all_C_perc" label="C版占比" align='center' ></el-table-column>
            <el-table-column prop="all_result" label="驳回款数" align='center' ></el-table-column>
            <el-table-column prop="all_result_perc" label="驳回占比" align='center' ></el-table-column>
        </el-table>
        <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="searchForm.pagenum" :page-sizes="[20,50,80, 100, 500]" :page-size="searchForm.pagesize" layout="total, sizes, prev, pager, next, jumper" :total="total">
        </el-pagination>
    </el-card>

</div>

  <script>
    new Vue({
        el: '#app',
        data: function () {
            return {
                filming_type :'1',
                activeName: 'second',
                total:'',
                users: [],
                tablelist:'' ,
                develop_user:[],
                supplier:[],
                searchForm: {
                    review_user_id: '',
                    pagenum: 1,
                    pagesize: 50,
                    create_date:[]
                },

                dialogVisible: false,
                dialogV: false,
                dialogCheckVisible:false,
                pickerOptions: {
                    shortcuts: [{
                        text: '最近一周',
                        onClick(picker) {
                            const end = new Date();
                            const start = new Date();
                            start.setTime(start.getTime() - 3600 * 1000 * 24 * 7);
                            picker.$emit('pick', [start, end]);
                        }
                    }, {
                        text: '最近两周',
                        onClick(picker) {
                            const end = new Date();
                            const start = new Date();
                            start.setTime(start.getTime() - 3600 * 1000 * 24 * 14);
                            picker.$emit('pick', [start, end]);
                        }
                    }, {
                        text: '最近一个月',
                        onClick(picker) {
                            const end = new Date();
                            const start = new Date();
                            start.setTime(start.getTime() - 3600 * 1000 * 24 * 30);
                            picker.$emit('pick', [start, end]);
                        }
                    }, {
                        text: '最近三个月',
                        onClick(picker) {
                            const end = new Date();
                            const start = new Date();
                            start.setTime(start.getTime() - 3600 * 1000 * 24 * 90);
                            picker.$emit('pick', [start, end]);
                        }
                    }]
                },
                loading: false,
                options:[],
                ids:'',
                saveForm: {
                    apply_id:0,
                    id:''
                },
            }
        },
        mounted(){
            this.getSearch()
        },
        methods: {

           

            async getDatalist() {
                
            },
            async getlist() {
              
            },
            async getSelect() {
              
            },
            handleSizeChange(newSize) {
                this.searchForm.pagesize = newSize
                this.getDatalist()
            },
            handleCurrentChange(newPage) {
                this.searchForm.pagenum = newPage
                this.getDatalist()
            },
            handleSelectionChange(val) {
                this.multipleSelection = val;
            },
       
            getSearch() {
                this.searchForm.pagenum = 1
                this.getDatalist()
            },
            getSell(){
                this.getlist()
            },
         

        }
    })
    </script>
    
</html>
